export interface Colors {
  // name: ""; // 国际化版本请提供国际化字符串如：message.system.setting.style.default，非国际化版本直接写字符串，如：默认菜单风格
  name: string; // 国际化版本请提供国际化字符串如：message.system.setting.style.default，非国际化版本直接写字符串，如：默认菜单风格
  menu: {
    textColor: string;
    background: string;
    childrenBackground: string;
    hoverBackground: string;
    submenuActiveColor: string;
  };
  logo: {
    color: string;
    background: string;
  };
  header: {
    background: string;
    textColor: string;
    itemHoverColor: string;
    breadcrumbTextColor: string;
    borderColor: string;
    tabBackground: string;
  };
  container: {
    background: string;
    mainBackground: string;
  };
  page: {
    background: string;
    color: string;
    tipColor: string;
    borderColor: string;
  };
}

export interface Style {
  default: Colors;
  light: Colors;
  dark: Colors;
  [propName: string]: Colors;
}
export const style: Style = {
  default: {
    name: "message.system.setting.style.default",
    menu: {
      textColor: "#bfcbd9",
      background: "#181f31",
      childrenBackground: "#1f2d3d",
      hoverBackground: "#203448",
      submenuActiveColor: "#fff",
    },
    logo: {
      color: "#f1f1f1",
      background: "#263445",
    },
    header: {
      background: "#fff",
      textColor: "#303133",
      itemHoverColor: "rgba(0,0,0,.06)",
      breadcrumbTextColor: "#606266",
      borderColor: "#d8dce5",
      tabBackground: "#fff",
    },
    container: {
      background: "#f0f2f5",
      mainBackground: "#fff",
    },
    page: {
      background: "#fff",
      color: "#303133",
      tipColor: "rgba(0, 0, 0, 0.45)",
      borderColor: "#ebeef5",
    },
  },
  light: {
    name: "message.system.setting.style.light",
    menu: {
      textColor: "#272727",
      background: "#fff",
      childrenBackground: "#fff",
      hoverBackground: "#f1f1f1",
      submenuActiveColor: "var(--system-primary-color)",
    },
    logo: {
      color: "#000",
      background: "#fff",
    },
    header: {
      background: "#fff",
      textColor: "#303133",
      itemHoverColor: "rgba(0,0,0,.025)",
      breadcrumbTextColor: "#606266",
      borderColor: "#d8dce5",
      tabBackground: "#fff",
    },
    container: {
      background: "#f0f2f5",
      mainBackground: "#fff",
    },
    page: {
      background: "#fff",
      color: "#303133",
      tipColor: "rgba(0, 0, 0, 0.45)",
      borderColor: "#ebeef5",
    },
  },
  chinese: {
    name: "message.system.setting.style.chinese",
    menu: {
      textColor: "#c7c7c7",
      background: "#232323",
      childrenBackground: "#292929",
      hoverBackground: "#1d1d1d",
      submenuActiveColor: "var(--system-primary-color)",
    },
    logo: {
      color: "#fff",
      background: "#232323",
    },
    header: {
      background: "#f1f0ed",
      textColor: "#303133",
      itemHoverColor: "rgba(0,0,0,.025)",
      breadcrumbTextColor: "#606266",
      borderColor: "#d8dce5",
      tabBackground: "rgba(216, 216, 216, 0.51)",
    },
    container: {
      background: "rgba(255, 255, 255, 0.92)",
      mainBackground: "rgba(255, 255, 255, 0.92)",
    },
    page: {
      background: "rgba(255, 255, 255, 0.92)",
      color: "#303133",
      tipColor: "rgba(0, 0, 0, 0.45)",
      borderColor: "#ebeef5",
    },
  },
  dark: {
    name: "message.system.setting.style.dark",
    menu: {
      textColor: "#bbb",
      background: "#18181c",
      childrenBackground: "#18181c",
      hoverBackground: "#000",
      submenuActiveColor: "#fff",
    },
    logo: {
      color: "#fff",
      background: "#18181c",
    },
    header: {
      background: "#18181c",
      textColor: "#e3e3e4",
      itemHoverColor: "#000",
      breadcrumbTextColor: "#fff",
      borderColor: "#3e3e3e",
      tabBackground: "#1b1b1b",
    },
    container: {
      background: "#000",
      mainBackground: "#18181c",
    },
    page: {
      background: "#18181c",
      color: "#c7c7c7",
      tipColor: "rgba(255, 255, 255, 0.45)",
      borderColor: "#3e3e3e",
    },
  },
};
